/<template>
  <div>
    <ul>
      <li
      v-for="(item,index) in foot"
      :key="index"
      @click="changeIndex(index)"
      :class="{on:index==activeIndex}"
      >{{item.title}}</li>
    </ul>
  </div>
</template>

<script>
export default {
    props:{
      foot:Array,
      activeIndex:Number,
    },
    methods:{
      changeIndex(index){
        this.bus.$emit("changeActive",index)
      }
    }
}
</script>

<style>
.on{
  color: #fff;
  font-size: 20px;
}
</style>